.customer-box {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #fff;

  #showMsg {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: scroll;
    height: calc(100% - 2rem);
    background-color: #efefef;

    li {
      position: relative;
      margin-top: 0.466667rem;
    }

    .customer {
      img {
        position: absolute;
        top: 0;
        left: 0.133333rem;
        border-radius: 50%;
        width: 1.333333rem;
        height: 1.333333rem;
      }

      // div {
      //     position: absolute;
      // }

      span {
        max-width: 5.333333rem;
        display: inline-block;
        background-color: #f8f8f8;
        border-radius: 0.133333rem;
        padding: 0.266667rem;
        margin-left: 0.4rem;
        position: relative;
        left: 1.333333rem;
        top: 0.213333rem;
      }

      span::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0.266667rem solid transparent;
        border-bottom: 0.266667rem solid transparent;
        border-right: 0.266667rem solid #f8f8f8;
        left: -0.266667rem;
        top: 0.266667rem;
      }
    }

    .clienter {
      img {
        position: absolute;
        top: 0;
        right: 0.133333rem;
        border-radius: 50%;
        width: 1.333333rem;
        height: 1.333333rem;
      }

      // div {
      //     position: absolute;
      // }

      span {
        max-width: 5.333333rem;
        display: inline-block;
        background-color: #f8f8f8;
        border-radius: 0.133333rem;
        padding: 0.266667rem;
        margin-right: 0.4rem;
        position: relative;
        // right: 1.333333rem;
        right: calc(100% - 16.233333rem);
        top: 0.213333rem;
      }

      span::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0.266667rem solid transparent;
        border-bottom: 0.266667rem solid transparent;
        border-left: 0.266667rem solid #f8f8f8;
        right: -0.266667rem;
        top: 0.266667rem;
      }
    }
  }

  .sendBox {
    display: flex;
    height: calc(100% - calc(100% - 1.29rem));

    .adm-input {
      width: 80%;
      height: 100%;
      border: 0.026667rem solid rgb(251, 55, 119);
    }

    .adm-button {
      width: 20%;
      height: 100%;
    }
  }
}
